LINE에서 프론트엔드 업무를 담당하고 있습니다
사용자에게 유려한 UI(User Interface)와 좋은 UX(User eXperience, 사용자 경험)를 제공하는 일은 까다롭습니다. 간단한 동작을 만들 때도 많은 것들을 고민하고 만들지만 항상 좋은 결과물이 나오진 않습니다. 사용자를 생각하며 여러가지 시도를 멈추지 않는 것이 프론트엔드 개발자의 숙명이 아닐까 생각합니다. 안녕하세요. 저는 LINE UIT 조직에서 프론트엔드 업무를 담당하고 있는 이상원입니다. 이번 글에선 제가 LINE Search 프로젝트를 담당할 때 새로 추가된 UI를 조금 더 개선하기 위해 노력했던 내용을 공유하려고 합니다. 배경 설명 제가 LINE Search 프로젝트를 담당할 당시, LINE Search에서
Developer Relations팀에서 LINE의 개발자와 개발자 문화를 세상에 알리는 Developer Advocate로 일하고 있습니다.
안녕하세요. Developer Relations팀의 홍연의입니다. 이번 글에서는 지난 4월 16일, 두 번째 LINE Developers Meetup을 개최한 이야기를 전해드리려고 합니다. 이번 밋업은 'LINE 프론트엔드 개발자, 어떻게 일하는가?'라는 주제로 진행되었는데요. 참가 정원 120명이 순식간에 마감될 만큼 뜨거운 관심을 보여주셔서 굉장히 뿌듯했습니다. 이번 밋업의 주제를 정하기 위해서, LINE의 프론트엔드 팀과 이야기를 나누었는데요. 아직 한국에서는 많은 분들이 LINE이 메신저 앱만 만드는 회사라고 알고 계시기 때문에, 메신저 앱뿐만 아니라 다양한 분야를 서비스하고 있고 그중 특히 웹 기술로 어떤 일들을 하고 있는지 알리고 싶다는 데에 의견이 모아졌습니다. 참가자분들을 위한 샌드위치를 준비하고, 자리를 세팅하다 보니 시간이 금방 흘렀습니다. 예쁜 LINE DEV 스티커도 참가자분들에게 인기가 많았습니다. 이번 밋업에
Web Front-end Developer
안녕하세요, 프론트엔드 개발자 Kyo입니다. Google의 오픈 소스 프로젝트인 AMP Project에 대해 여러분과 나눠볼까 합니다. AMP HTML을 이용해 마크업 작업을 할 때, '컴포넌트를 하나 내가 직접 만들어 보고 싶다!' 라든가 '내가 만든 기능을 추가해보고 싶은데..'라는 생각을 많이들 해보셨을 것이라 짐작합니다. 그런 여러분께 도움이 되었으면 하는 바람으로 관련 내용을 준비해 보았습니다. AMP에 LINE 공유 기능이! 2018년 5월에 AMP HTML의 SNS 공유 버튼 컴포넌트인 amp-social-share에 LINE이 추가되었습니다. 자세한 내용을 보려면 다음의 문서와 예제 링크를 통해 확인해 보세요. amp-social-share Document amp-social-share Example 당시의 경험을 떠올리며 직접 작업했던 AMP Project 코드를 커밋하여 PR을 생성하기까지의 과정을 여러분과 나누고자 합니다. 이 과정은 새롭게 컴포넌트를 만드는
프론트엔드 엔지니어입니다. 2016년에 도쿄에서 후쿠오카로 삶의 터전을 옮겼습니다.
자바스크립트가 되어 그 기분을 헤아릴 수 있다면 안녕하세요? LINE Fukuoka의 프론트엔드 엔지니어 Yonehara입니다. 저는 프론트엔드 개발자로서 아직 웹 브라우저나 자바스크립트의 기분을 헤아려줄 만큼의 경지에는 올라가지 못했다고 생각합니다. 이로 인해 저희 서비스 사용자에게 원하는 만큼의 쾌적한 UX를 제공해 드리지 못할 때가 있어 괴로울 때가 있습니다. 그나마 다행인 것은, 우리가 이 자바스크립트의 속마음을 상당 부분 분석적으로 들여다볼 수 있다는 점입니다. Google이나 Mozilla가 그들의 자바스크립트 엔진 코드를 공개하고 있고, 여러 곳에서 엔진 설계에 대해 풀어 설명하고 있고, 또 트레이싱이나 프로파일링을 할 수 있는 수단도 넉넉히 준비되어 있기 때문이지요. 이번 포스팅에서는 여러분도 잘 아시는 Chrome의 자바스크립트 엔진인 V8에서 최적화를 위한 장치로 도입한 히든 클래스에 대해 살펴볼까 합니다. 동적 타이핑 언어로 구현되는 사전형 객체에 대한 제약 자바
LINE Fukuoka에서 iOS 앱 개발을 담당하고 있습니다.
안녕하세요, LINE Fukuoka의 ha1f입니다. 현재 후쿠오카에서 iOS 앱 개발을 담당하고 있습니다. 저는 LINE에 정식으로 입사하기 전, 채용이 확정된 아르바이트생으로서 LINE의 사내 도구를 개발해 왔습니다. 오늘은 당시 개발한 도구 중 하 나인 애니메이션 스티커 체커*에 대해 소개할까 합니다. APNG란? APNG(Animated Portable Network Graphics)란 일련 번호가 매겨진 애니메이션용 이미지 파일 형식으로, LINE 애니메이션 스티커에서도 이 형식을 사용하고 있습니다. APNG는 GIF와 달리 풀컬러를 사용할 수 있고 알파 채널을 가질 수도 있으며, 압축율이 높다는 장점이 있습니다. 또한 PNG와 호환되며, APNG를 지원하지 않는 환경에서는 일반적인 정지 화면으로 표시됩니다. 도구를 사용하면 여러 PNG 파일에 일련 번호를 부여하여 APNG 파일을 만들 수도 있습니다. 애니메이션 스티커 체커 LINE의 애니메이션 스티커는 다음과 같은 몇 가
웹 분석에 대한 개발을 담당하고 있습니다.
안녕하세요? Frontend Standardization팀의 Kawasako입니다. 저희 팀은 LINE 프론트엔드 개발 조직의 여러 제품 개발에 공통으로 필요한 도구를 개발하거나, 개발자간 정보 교류 및 커뮤니케이션이 더욱 원활히 이루어질 수 있도록 다양한 기획을 담당하는 부서입니다. 오늘은 저희의 업무도 소개할 겸, 얼마 전 열린 사내 워크숍에 대해 전해드리겠습니다. LINE의 각국 개발자들은 Private npm(Node.js Package Manager)을 통해 등록된 패키지를 공유 자산으로 쉽게 이용할 수 있습니다. 저희는 거의 모든 소스 코드를 GitHub Enterprise를 통해 공유하고 있으며, 저희가 만드는 패키지들도 마찬가지입니다. 따라서, 필요에 따라 공통 사용 패키지를 직접 수정하거나 풀 리퀘스트를 보낼 수도 있습니다. 사내 프로젝트뿐 아니라 오픈 소스 프로젝트에도 기여할 수 있어야겠지만, 오픈 소스 프로젝트에 참여하는 것이 사내에서 커밋하는 것보다는 어렵게
